<template>
  <div class="titleborder">
    <div class="titlespan" :style="borderOptions.titleSpan">{{borderOptions.bordertitle}}</div>
    <div class="titlecontent" :style="borderOptions.titleContent">
      <slot></slot>
    </div>
  </div>
</template>
<script>

import defaultmixins from '@/mixins/bigScreen/defaultmixins'

export default {
  name: 'bordertitleborderzz',
  mixins: [defaultmixins],
  props: ["title"],
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {}
};
</script>
<style lang='scss' scoped>
.titleborder {
  height: 100%;
  width: 100%;
}

.titlespan {
  height: 30px;
}
.titlecontent {
  height: calc(100% - 30px);
}
.lbdiv {
}
</style>
